<template>
  <div class="main">
    <main-navbar />
    <main-content />
    <main-footer />
  </div>
</template>

<script>
import MainNavbar from './main-navbar'
import MainContent from './main-content'
import MainFooter from './main-footer'
export default {
  components: {
    MainNavbar,
    MainContent,
    MainFooter
  }
}
</script>
<style lang="scss" scoped>
.main {
  position: relative;
  padding-bottom: 120px;
  min-height: 100vh;
}
</style>
